<!DOCTYPE html>
<html lang="en">
<head>
    <title>{dede:global.cfg_webname/}</title>
    {dede:include filename="common_head.htm"/}
</head>
<body>
    <div class="main-wrap index-wrap about-wrap merchants-wrap">
        {dede:include filename="header.htm"/}
        {dede:include filename="banner_inner.htm"/}
        <div class="content">
            {dede:include filename="inner_content_nav.htm" /}
            <div class="content-con-wrap news-content index-news-content merchants-content wow slideInUp1">
                <div class="news-list-wrap container bg-f9">
                    <div class="list-item news-list-item flex rsb">
                        <div class="news-info-wrap flex-1">
                            <div class="info-content">
                                <div class="info-item-wrap flex rcs">
                                    <div class="item-title">Target:</div>
                                    <div class="item-con">Industrial design and technology enterprises</div>
                                </div>
                                <div class="info-item-wrap flex rss">
                                    <div class="item-title">Settlement Process</div>
                                    <ul class="item-con merchants-step-wrap">
                                        <li class="merchants-step-item flex rss">
                                            <div class="form-item-label flex ccc">
                                                <span class="label">1</span>
                                            </div>
                                            <div class="step-detail-wrap">
                                                <div class="step-title">Submission</div>
                                                <div class="step-subtitle">Submit company brand information and relevant qualifications</div>
                                            </div>
                                        </li>
                                        <li class="merchants-step-item flex rss">
                                            <div class="form-item-label flex ccc">
                                                <span class="label">2</span>
                                            </div>
                                            <div class="step-detail-wrap">
                                                <div class="step-title">Waiting For Review</div>
                                                <div class="step-subtitle">Qingdao industrial design and Innovation Center reviews relevant materials to confirm whether they meet the requirements</div>
                                            </div>
                                        </li>
                                        <li class="merchants-step-item flex rss">
                                            <div class="form-item-label flex ccc">
                                                <span class="label">3</span>
                                            </div>
                                            <div class="step-detail-wrap">
                                                <div class="step-title">Sign A Contract</div>
                                                <div class="step-subtitle">The two sides agreed on the details and signed a contract</div>
                                            </div>
                                        </li>
                                        <li class="merchants-step-item flex rss">
                                            <div class="form-item-label flex ccc">
                                                <span class="label">4</span>
                                            </div>
                                            <div class="step-detail-wrap">
                                                <div class="step-title">Entry Of Enterprises</div>
                                                <div class="step-subtitle">Qingdao industrial design innovation center</div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="btn-item apply-btn-item flex ccc cur-p">
                                    <span class="btn-title">Apply Now</span>
                                </div>
                            </div>
                        </div>
                        <div class="pic-wrap news-img-wrap flex-1 wow slideInUp1">
                            <div id="map" class="baidu-map-wrap w100 h100"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {dede:include filename="footer.htm"/}
        {dede:include filename="common_script.htm"/}
    </div>
    
    <script>

        $(function() {

            var windowWidth = $(window).width();
            if (windowWidth < 900) {
                layerSize = ['100vw', '100vh'];
            } else {
                layerSize = ['700px', '600px'];
            }

            var formWrap = $('.form-content-wrap');
            var resultWrap = $('.result-content-wrap');

            $('.apply-btn-item').on('click', function() {
                formWrap.removeClass('none');
                resultWrap.removeClass('cur');
                layer.open({
                    type: 2,
                    closeBtn: 0,
                    title: false,
                    shadeClose: true,
                    skin: 'yourclass',
                    area: layerSize,
                    content: '/plus/list.php?tid=48',
                });
            });
        });

    </script>

    <!-- Map -->
    <script src="{dede:global.cfg_templets_skin/}/js/baidu.map.min.js"></script>
    <script>
        var lat = {dede:global.cfg_lat/};
        var lng = {dede:global.cfg_lng/};

        // 创建和初始化地图函数：
        function initMap() {
            createMap(); //创建地图
            setMapEvent(); //设置地图事件
            addMapControl(); //向地图添加控件
            addMapOverlay(); //向地图添加覆盖物
        }

        function createMap() {
            map = new BMap.Map("map");
            map.centerAndZoom(new BMap.Point(lng, lat), 16);
        }

        function setMapEvent() {
            map.enableScrollWheelZoom();
            map.enableKeyboard();
            map.enableDragging();
            map.enableDoubleClickZoom()
        }

        function addClickHandler(target, window) {
            target.addEventListener("click", function() {
                target.openInfoWindow(window);
            });
        }

        function addMapOverlay() {
            var markers = [{
                content: "<div>{dede:global.cfg_webname/}</div>",
                address: "<div>Address: {dede:global.cfg_address/}</div>",
                mobile: "<div>Tel: {dede:global.cfg_mobile/}</div>",
                title: "",
                imageOffset: {
                    width: 0,
                    height: -21
                },
                position: {
                    lat,
                    lng
                }
            }];
            for (var index = 0; index < markers.length; index++) {
                var point = new BMap.Point(markers[index].position.lng, markers[index].position.lat);
                var marker = new BMap.Marker(point, {
                    icon: new BMap.Icon("{dede:global.cfg_templets_skin/}/icon/icon_site.png", new BMap.Size(20, 25), {
                        imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index].imageOffset.height)
                    })
                });
                var label = new BMap.Label(markers[index].title, {
                    offset: new BMap.Size(25, 5)
                });
                var opts = {
                    width: 200,
                    title: markers[index].title,
                    enableMessage: false
                };
                var markerContext = markers[index].content + markers[index].address + markers[index].mobile;
                var infoWindow = new BMap.InfoWindow(markerContext, opts);
                map.openInfoWindow(infoWindow, map.getCenter());
                marker.setLabel(label);
                addClickHandler(marker, infoWindow);
                map.addOverlay(marker);
            };
        }
        //向地图添加控件
        function addMapControl() {}
        var map;
        initMap();
    </script>
</body>
</html>